<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md6">
        <div class="layui-row layui-col-space15">
          <div class="layui-col-md12">
            <div class="layui-card">
              <div class="layui-card-header">数据分析占比图</div>
              <div class="layui-card-body">
                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="zhanbi">
                  <div carousel-item id="zhanbi">
                    <div class="zhanbi"><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="layui-card">
              <div class="layui-tab layui-tab-brief layadmin-latestData">
                <div class="layui-card-header">数据分析实时图</div>
                <div class="layui-card-body">
                  <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="shishi">
                    <div carousel-item id="shishi">
                      <div class="shishi"><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="layui-col-md6">
        <div class="layui-card">
          <div class="layui-card-header">数据分析趋势图</div>
          <div class="layui-card-body">
            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="qushi">
              <div carousel-item id="qushi">
                <div class="qushi"><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
              </div>
            </div>
          </div>
        </div>
        <div class="layui-card">
          <div class="layui-card-header">数据分析区域图</div>
          <div class="layui-card-body">
            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="quyu">
              <div carousel-item id="quyu">
                <div class="quyu"><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      
    </div>
  </div>
  
  
  <script>
  //加载 controller 目录下的对应模块
  /*
  
    小贴士：
      这里 console 模块对应 的 console.js 并不会重复加载，
      然而该页面的视图则是重新插入到容器，那如何保证能重新来控制视图？有两种方式：
        1): 借助 layui.factory 方法获取 console 模块的工厂（回调函数）给 layui.use
        2): 直接在 layui.use 方法的回调中书写业务代码，即:
            layui.use('console', function(){ 
              //同 console.js 中的 layui.define 回调中的代码 
            });
            
    这里我们采用的是方式1。其它很多视图中采用的其实都是方式2，因为更简单些，也减少了一个请求数。
    
  */
  layui.use('fenxi', layui.factory('fenxi'));
  </script>
  
  